<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.section-body{
	background:#e9f0f5;
	height:140px;
	padding:14px;
}
ul, li{border:0; margin:0; padding:0; list-style:none;}
ul{
	border-bottom:solid 1px #e9f0f5;
	height:29px;
}
li{float:left; margin-right:2px;}
.tab a:link, .tab a:visited{
	background:url(tab-round.png) right 60px;
	color:#56554e;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
}
.tab a span{
	background:url(tab-round.png) left 60px;
	display:block;
	height:30px;
	margin-right:14px;
	padding-left:14px;
}
.tab a:hover{
	background:url(tab-round.png) right 30px;
	display:block;
	color:#e0ded0;
}
.tab a:hover span{
	background:url(tab-round.png) left 30px;
	display:block;
}

/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	color:#1c4e7e;
	background:url(tab-round.png) right 0 no-repeat;
}
.active a span, .active a:hover span{
	background:url(tab-round.png) left 0 no-repeat;
}

</style>
<script type="text/javascript" src=""></script>
</head>

<body>
<div id="videoplayer"></div>
<div style="margin:40px auto; width:600px;">

<!-- Tabbed bar code-->
<ul class="tab">
    <li class="active"><a href="#topVideo" onclick=""><span>Top 10 videos</span></a></li>
    <li><a href="#topPic" onclick=""><span>Top 10 Pictures</span></a></li>
    <li><a href="#myGallery" onclick=""><span>My RockyTalk Gallery</span></a></li>
</ul>
<div class="section-body">
<div id="topVideo">
    <h1>TOP Videos</h1>
</div>
<div id="topPic" style="display:none;">
    <h1>TOP Pics</h1>
</div>
<div id="myGallery" style="display:none;">
    <table>
        <thead>Register with us</thead>
        <tbody>
            <tr>
                <td>User Name:</td>
                <td><input type="text" name="user_id" id="user_id" ></td>
            </tr>
            <tr>
                <td>Email-Id:</td>
                <td><input type="text" name="email_id" id="email_id" ></td>
            </tr>
            <tr>
                <td>Password</td>
                <td><input type="password" name="password" id="password" ></td>
            </tr>
            <tr>
                <td>Confirm Password</td>
                <td><input type="password" name="cpassword" id="cpassword" ></td>
            </tr>
            <tr>
                <td>Other details</td>
                <td><textarea cols="40" rows="5"></textarea></td>
            </tr>           
        </tbody>
    </table>
</div>
</div>
</div>
</body>
</html>